/* CSS Document 
Usuario Final
Plataforma - Universidad de Pamplona
Hoja de estilos 001
*/


 body { /*estilo de color de fondo, margenes de 0 y contenido centrado en la pagina*/
    scrollbar-base-color: #333333;
    scrollbar-face-color: #f0f0f0;
    scrollbar-track-color: #CCCCCC;
    scrollbar-arrow-color: #666666;
    scrollbar-3dlight-color: #CCCCCC;
    scrollbar-darkshadow-color: #CCCCCC;
    scrollbar-highlight-color: #f0f0f0;
    scrollbar-shadow-color: #f0f0f0;
    background-color: #FFFFFF;
    margin: 0px 0px 0px 0px;
    text-align:center;
}
.frameborder{
	border: 1px solid #999999;
}
.frameborder_d{
	border: 1px solid;
	border-top-color:#999999;	
	border-left-color:#999999;
	border-right-color:#999999;
	border-bottom-color:#FFFFFF;
}


.text_file {/*estilo para cajas de texto*/
		background-color: #FFFFFF; 
		color: #000000; 
		font-family: Arial, Helvetica, sans-serif;   
		font-size: 11px; 
		border: 1px solid #999999;
}
.text_field {/*estilo para cajas de texto de paginacion*/
		background-color: #FFFFFF; 
		color: #000000; 
		font-family: Arial, Helvetica, sans-serif;   
		font-size: 11px; 
		border: 1px solid #999999;		

}
.botones {/*estilo para botones*/
		background-color: #F0F0F0; 
		color: #000000; 
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 11px; 
		border: 1px solid #999999;
}
.combos {/*estilo para combos*/
		background-color: #FFFFFF;
		color: #000000;
		font-family: Arial, Helvetica, sans-serif;  	
		font-size: 10px;
}
.text_negro {/*estilo textos de titulos secundarios y contenidos de celda*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
}
.text_blanco {/*estilo textos titulos de tabla*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	line-height: 20px;
	font-weight: normal;
	font-variant: normal;
	color: #FFFFFF;
}
.text_mensaje {/*estilo textos mensajes*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
}

.texto_credito {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #666666;
}
.texto_alerta {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	line-height: 15pt;
	font-weight: normal;
	font-variant: normal;
	color: #333333;
}


.text_destacado {/*estilo textos destacados*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15pt;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #FF0000;
}
.text_titulo_menu {/*estilo textos titulos menu de iconos*/
	font-family: Tahoma, Arial, Helvetica;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	color: #0066CC;
}
.text_rojo {/*estilo textos en contenidos de celda para resaltar un valor*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	line-height: 20px;
	font-weight: normal;
	font-variant: normal;
	color:#FF0000;
}
.fondo_tabla {/*estilo marco tabla contenedora general e interior*/
background-color: #0066cc;
}
.fondo_celda_1 {/*fondo primera celda - titulos de tabla generalmente*/
background-color: #0066cc;
}
.fondo_celda_2 {/*fondo segunda celda - titulos secundarios generalmente*/
background-color: #FFCC00;
}
.fondo_celda_3 {/*fondo tablas interiores y tercera celda - contenidos generalmente - color blanco en todos los casos*/
background-color: #FFFFFF;
}
.fondo_celda_4 {/*fondo cuarta celda - listados generalmente*/
background-color: #E6E6E6;
}
.fondo_celda_5 {/*fondo cuarta celda - listados secundarios generalmente*/
background-color: #F0F0F0;
}
.tabla_impresion {/*estilo borde tabla para impresion*/
	border-collapse:collapse; 
	border:1px;
}
.tabla_estadistica_1 {/*estilo de color de fondo y borde de tabla estadistica 1*/
	background-color: #FFCC00;
	border: 1px;
	border-style: solid;
	height: 25px;
	border-color: #BF9900;
}
.tabla_estadistica_2 {/*estilo de color de fondo y borde de tabla estadistica 2*/
	background-color: #FFE57F;
	border: 1px;
	border-style: solid;
	height: 25px;
	border-color: #BF9900;
}
.tabla_estadistica_3 {/*estilo de color de fondo y borde de tabla estadistica 3*/
	background-color: #FFF2BF;
	border: 1px;
	border-style: solid;
	height: 25px;
	border-color: #BF9900;
}
.text_negro_n {/*estilo textos de contenido en negrilla*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
}


/*
Estilos de Elementos
==================================================
*/
img {
	border:none
}
hr{
	noshade:noshade;
	color: #cccccc;
	size: 1px;
	border-style:dotted;
}
/*
Estilos de enlaces
====================================================
*/
a:link{
	color: #0066cc;
	font-size: 8pt;
	text-decoration: none;
}
a:visited {
	color: #0066cc;
	font-size: 8pt;
	text-decoration: none;
}
a:hover {
	color: #666666;
	font-size: 8pt;
	text-decoration: underline;
}
a:active {
	color: #0066cc;
	font-size: 8pt;
	text-decoration: underline;
}
/* Modal 
====================================*/



.modal{
	FILTER: alpha(opacity:40); 
	BACKGROUND-COLOR: black; 
	opacity: 0.40; 
	KHTMLOpacity: 0.40; 
	MozOpacity: 0.40; 
	moz-opacity: 0.40;
}


.text_blanco_n {/*estilo textos titulos de tabla*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	line-height: 20px;
	font-weight: bold;
	font-variant: normal;
	color: #FFFFFF;
}

.opaca{
	FILTER: alpha(opacity:20); 
	opacity: 0.20; 
	KHTMLOpacity: 0.20; 
	MozOpacity: 0.20; 
	moz-opacity: 0.20;
}


div.menuf {
	margin:0; 
	text-align:center; 
	position:fixed; 
	float:inherit;
	top:0px; 
	right:0px; 
  width:6em;
	//width:18em;
	color:#000000; 
	z-index:1001;
	opacity:.30;
	-moz-opacity: 0.30;
	 filter: alpha(opacity=30); /* Aplicable solo para IE */

	}
	

div.menuf a {
/*
  display:block; 
  */
	padding:5px; 
	font-weight:bold; 
	margin:3px; 
	text-decoration:none; 
	color:blue; 
	background-color:#DBE8F0;

	}

div.menuf a:hover {

	color:#000000; 
	background-color:#85A7D2;

	}

div.menuf p.menuf {

	margin:0; 
	padding:1.5em 0.2em;
	border: double; 
	color:#000; 
	background-color:#F7F9FB; 
	background-image:url(../imagenes/tool_bg.jpg);
	background-repeat:repeat-x;
	font-family:Tahoma, Arial;

	}

div.menuf Tmenuf {
	background: #000;
	z-index:1001;
	opacity:.30;
	-moz-opacity: 0.30;
	// filter: alpha(opacity=30); /* exclusivamente para IE */

	}
img {
	border: none;
	}



/*
Estilos para el logueo en la calculadora
====================================================
*/
.bg_teclado{
	background-image:   url(../images_com/bg_tec.jpg);
	background-repeat: repeat-x;
}

.celda_gris_1 {
	background-color: #CCCCCC;
}

.celda_gris_2 {
	background-color: #F0F0F0;
}

.celda_blanca {
	background-color: #FFFFFF;
}

.boton_azul {
		background-image: url(../images_001/bg_celda_1.gif); 
		color: #FFFFFF; 
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 8pt; 
		border: 1px solid #104a92;
		height:20;
		width: 88;
}

.boton_num {
		background-image: url(../images_com/ise_b01.gif); 
		color: #000000; 
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 10pt; 
		border: 1px solid #333333;
		height:25;
		width: 30;
}

.boton_num_ {
		background-image: url(../images_com/ise_b03.gif); 
		color: #FFFFFF; 
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 10pt; 
		border: 1px solid #0066CC;
		height:25;
		width: 30;
}

.bg_boton_num{
	background-image:   url(../images_com/ise_bgb.jpg);
	background-repeat: no-repeat;
}

.texto_negro {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
}
.texto_negro_n {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #333333;
}
.texto_blanco {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #FFFFFF;
}

.boton_blanco {
		background-image: url(../images/estilo/bg_boton_b.gif); 
		color: #333333; 
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 8pt; 
		border: 1px solid #333333;
		height:20;
}
.boton_blanco_l {
		background-image: url(../images/estilo/bg_boton_b.gif); 
		color: #333333; 
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 8pt; 
		border: 1px solid #333333;
		height:20;
		width:25;
}

/*
==========================================================
Estilos para el popup
==========================================================
*/

.poptitulo  {
	background-color:#0B0F66;
}

.dialog {
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#BDC3BD, Direction=135, Strength=4);
	display: block;
	position: absolute;
	z-index:100;
}

.tablecalendario img {
	border:none;
	margin:0;
}
.tablecalendario td {
	padding:0;
	margin:0;
	border-collapse:collapse;
	border:1px solid #e6e6e6;
}

/*
==========================================================
fin Estilos para el popup
==========================================================
*/
